
<div class="meal_details clearfix">
    <div class="col-lg-3 col-md-3 ">
        <img class="img-responsive" src="views/images/lunch.jpg" />
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="">
            <div class="meal_details_title"><h2>{{item.meal.mealName}}</h2></div>
            <div class="chef_meal_info clearfix ">
                <ul class="mealtype clearfix">
                    <li><span class="{{item.meal.mealType}}"></span>{{item.meal.mealType}}</li>
                    <li><span ng-class="{true:'special', false:'nospecial'}[item.meal.chefSpecial]"></span>{{item.meal.chefSpecial}}</li>
                    <li>23 Recommendations</li>
                </ul>
            </div>
            <div class="title_description">
                <h3>Description</h3>
                <p>{{item.meal.description}}</p>
            </div>
            <div class="title_description">
                <h3>Contents</h3>
                <p>{{item.meal.mealItems}}</p>
            </div>
            <div class="clearfix">
                <div class="title_description pull-left">
                    <h3>Quantity</h3>    
                    <p>{{item.quantity}}</p>
                </div>
                <div class="title_description priceperdabba pull-left">
                    <h3>Price Per Dabba</h3>
                    <p>{{item.meal.price}}</p>
                </div>
                <div class="title_description priceperdabba pull-left">
                    <h3>Price</h3>
                    <p>{{item.quantity * item.meal.price}}</p>
                </div>
                <div class="title_description priceperdabba pull-left">
                    <h3>Expected Time of Delivery</h3>
                    <p>30/11/2014 ( 1:00 PM) <span class="small_text">[+/-] 30 min</span></p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3">
        <div class="chef_info ">
            <a ng-click="removeItemFromCart(item.meal.mealId)" class="remove glyphicon glyphicon-remove"></a>
            <!--<h3>Kuljeet</h3>-->
            <div> {{item.meal.chefName}}</div>
            <div>{{item.meal.chefAddress}}</div> 
            <div>{{item.meal.noofreviews}} Reviews</div>
            <div><strong>{{item.meal.rating | number:2}}</strong> / 5 Ratings</div>
        </div>
    </div>
</div>

